<template>
<view>
<view v-if="tabBar" class="we7-bottom" :style="'background-color:' + tabBar.backgroundColor + ';border-color:' + tabBar.borderStyle">
	<block v-for="(item, index) in tabBar.list" :key="index">
		<view class="we7-bottom-item" v-if="item.pageUrl == ('/' + thisurl)" hover-class="active">
		<navigator :url="item.pagePath" open-type="redirect" hover-class="active">
			<image :src="item.selectedIconPath" mode="widthFix" class="item-img"></image>
			<view class="item-text" :style="'color: ' + tabBar.selectedColor + ';'">{{item.text}}</view>
		</navigator>
		</view>
		<view class="we7-bottom-item" v-else hover-class="active">
		<navigator :url="item.pagePath" open-type="redirect" hover-class="active">
			<image :src="item.iconPath" mode="widthFix" class="item-img"></image>
			<view class="item-text" :style="'color: ' + tabBar.tabBarcolor">{{item.text}}</view>
		</navigator>
		</view>
	</block>
</view>
<view class="we7-bottom-placeholder"></view>
</view>
</template>

<script>
// we7/pages/component/footer/footer.js
var app = getApp();

export default {
  data() {
    return {};
  },

  components: {},
  props: {
    tabBar: {
      type: Object,
      default: () => app.globalData.tabBar
    }
  },

  created() {},

  methods: {}
};
</script>
<style>
@import "./footer.css";
</style>